.content{
	padding: 20upx;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	.swiper-header-box{
		position: relative;
		width: 100%;
		height: 600upx;
		.swiper-header{
			width: 100%;
			height: 100%;
			view{
				width: 100%;
				height: 100%;
				border-radius: 20upx;
				overflow: hidden;
				background-color: #FFFFFF;
				.image-box{
					width: 100%;
					height: 100%;
				}
			}
		}
		.user-authentication{
			position: absolute;
			left: 10upx;
			top: 10upx;
			display: flex;
			flex-direction: row;
			justify-content: center;
			align-items: center;
			background-color: rgba(79, 70, 63, 0.3);
			width: 260upx;
			border-radius: 20upx;
			height: 60upx;
			.yes{
				padding-left: 10upx;
				color: #FFFFFF;
				font-size: 28upx;
				font-weight: bold;
			}
		}
	}
	.user-info-box{
		display: flex;
		flex-direction: column;
		margin-top: 20upx;
		padding: 40upx 50upx;
		box-sizing: border-box;
		background-color: #FFFFFF;
		border-radius: 20upx;
		.info-header{
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			font-size: 28upx;
			font-weight: bold;
			color: #2C2D31;
			.header-right{
				display: flex;
				flex-direction: row;
				align-items: center;
				view{
					padding-right: 10upx;
				}
				.right-sl{
					color: #CCCCCC;
				}
			}
			.header-left{
				display: flex;
				flex-direction: row;
				align-items: center;
				view{
					padding-left: 10upx;
				}
				.left-d{
					color: #5282FF;
					font-weight: bold;
					font-size:40upx;
				}
			}
		}
		.info-detail{
			display: flex;
			flex-direction: column;
			margin-top: 30upx;
			color: #2C2D31;
			.detail-user{
				display: flex;
				flex-direction: row;
				justify-content: space-between;
				align-items: flex-end;
				.detail-user-left{
					display: flex;
					flex-direction: row;
					align-items: center;
					.name{
						font-size: 48upx;
						font-weight: bold;
						padding-right: 10upx;
					}
				}
				.detail-user-right{
					display: flex;
					flex-direction: row;
					align-items: flex-end;
					.addess{
						font-size: 32upx;
					}
				}
			}
			.info-detail-bottom{
				display: flex;
				flex-direction: row;
				align-items: flex-end;
				margin-top: 20upx;
				view{
					font-size:32upx;
					padding-right: 20upx;
				}
			}
		}
		.detail-box{
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			color: #2C2D31;
			font-size: 34upx;
			margin-top: 20upx;
			.detail-item{
				margin-top: 30upx;
				margin-right: 30upx;
				display: flex;
				flex-direction: row;
				background-color: #F5F6F8;
				border-radius: 20upx;
				padding: 10upx 30upx;
				align-items: flex-end;
				.item-title{
					font-weight: bold;
				}
			}
		}
	}
	.content-box{
		display: flex;
		flex-direction: column;
		margin-top: 20upx;
		padding: 40upx 50upx;
		box-sizing: border-box;
		background-color: #FFFFFF;
		border-radius: 20upx;
		.title{
			color: #666666;
			font-weight: bold;
			font-size: 36upx;
		}
		.content-info{
			margin-top: 20upx;
			color: #999999;
			font-size: 32upx;
			line-height: 46upx;
		}
	}
	.mood-box{
		display: flex;
		flex-direction: column;
		margin-top: 20upx;
		padding: 40upx 50upx;
		box-sizing: border-box;
		background-color: #FFFFFF;
		border-radius: 20upx;
		.mood-header-box{
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			align-items: flex-end;
			font-size: 36upx;
			.mood-header-right{
				color: #666666;
				font-weight: bold;
			}
			.mood-header-left{
				color: #CCCCCC;
				display: flex;
				flex-direction: row;
				align-items: center;
			}
		}
		.mood-content{
			font-size: 32upx;
			color: #666666;
			line-height: 50upx;
			margin-top: 20upx;
		}
		.mood-operation{
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			align-items: flex-end;
			color: #818181;
			margin-top: 30upx;
			font-size: 36upx;
			.operation-date{
				color: #CCCCCC;
				margin-top: 32upx;
			}
			.operation{
				display: flex;
				flex-direction: row;
				align-items: flex-end;
				.operation-item{
					display: flex;
					flex-direction: row;
					align-items: center;
					padding-left: 20upx;
					view{
						padding-left: 6upx;
					}
				}
			}
		}
		
	}
	.share-btn{
		padding: 50upx 0upx 320upx;
	}
}

.info-fixed{
	position: fixed;
	width: 100%;
	z-index: 999;
	bottom: 170upx;
	.fixed-list{
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		.fixed-item{
			height: 100upx;
			min-width: 100upx;
			border-radius: 100upx;
			background-color: #7C8DFF;
			display: flex;
			flex-direction: row;
			justify-content: center;
			align-items: center;
			margin: 0upx 50upx;
		}
		.item-def{
			padding: 0upx 50upx;
			view{
				padding-left: 10upx;
				font-size: 40upx;
				color: #FFFFFF;
				font-weight: bold;
			}
		}
	}
}